<!DOCTYPE HTML>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
<title>视频详情</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link th:href="@{/shop/assets/css/style.css}" rel="stylesheet" type="text/css" media="all"/>
	<link rel="stylesheet" th:href="@{/shop/assets/css/layer.css}">
	<script type="text/javascript" th:src="@{/shop/js/jquery-1.11.3.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/layer.js}"></script>
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script> 
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
			<div class="header">
				<div class="headertop_desc">
					<div class="wrap">
						<div class="nav_list">
							<ul>
								<li><a th:href="@{/video/shophome}">商城主页</a></li>
								<li><a th:href="@{/#}">博客</a></li>
								<li><a th:href="@{/#}">学院</a></li>
								<li><a th:href="@{/#}">问答</a></li>
								<li><a th:href="@{/#}">下载</a></li>
								<li><a th:href="@{/#}">联系我们</a></li>
							</ul>
						</div>
						<div class="account_desc">
							<ul>
								<li><a th:href="@{/register}">注册</a></li>
								<li><a th:href="@{/ogin}">登录</a></li>
								<li><a th:href="@{/#}">写博客</a></li>
								<li><a th:href="@{/#}">我的账户</a></li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
				</div>
  	  		<div class="wrap">
				<div class="header_top">
					<div class="logo">
						<a th:href="@{/}"><img th:src="@{/shop/assets/images/logo.png}" alt=""/></a>
					</div>
						<div class="header_top_right">
						 
								<div class="search_box">
									<form th:action="@{/video/findListByName}" >
										<input type="text" value="搜索" name="brief" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '搜索';}"><input type="submit" value="">
									</form>
								</div>
								<div class="clear"></div>
					</div>

						  <script type="text/javascript">
								function DropDown(el) {
									this.dd = el;
									this.initEvents();
								}
								DropDown.prototype = {
									initEvents : function() {
										var obj = this;
					
										obj.dd.on('click', function(event){
											$(this).toggleClass('active');
											event.stopPropagation();
										});	
									}
								}
					
								$(function() {
					
									var dd = new DropDown( $('#dd') );
					
									$(document).click(function() {
										// all dropdowns
										$('.wrapper-dropdown-2').removeClass('active');
									});
					
								});
					    </script>
			   <div class="clear"></div>
  		    </div>     				
   		</div>
   </div>
   <div class="main">
   	 <div class="wrap">
   	 	
   	 	<div class="section group">
				<div class="cont-desc span_1_of_2">
				  <div class="product-details">
				  
					<div class="grid images_3_of_2">
						<a th:href="@{/video/playback_page(id=${video.getId()})}" target="_blank" class="titleimg">
							<img th:src="@{/shop/assets/images/preview.jpg}" alt="" />
						</a>
					</div>
				<div class="desc span_3_of_2">
					<h2 th:text="${video.getVideoname()}">女儿国 </h2>
					<p th:text="${video.getTag()}">唐僧与女儿国国王</p>
					<div class="price">
						<p>价格: ￥<span th:text="${video.getPrice()}">266</span></p>
					</div>
					<div class="available">
						<ul>
						  <li><span >已学习人数:</span> &nbsp; <span th:text="${video.getTimes()}">981</span></li>
						  <li><span >时长:</span>&nbsp; <span th:text="${video.getTimelong()}">100</span>min</li>
						  <li><span >科目:</span>&nbsp; <span th:text="${video.getVideoname()}">初中英语</span></li>
					    </ul>
					</div>
				<div class="share-desc">

					<div class="button"><span><h4><a href="javascript:void(0);" th:onclick="'javascript:getSC2('+${ video.id}+')'" >收藏</a></h4></span></div>
					<div class="button"><span><a th:href="@{/video/pay}">立即购买</a></span></div>
					<div class="clear"></div>
				</div>
				 
			</div>
			<div class="clear"></div>
		  </div>
		<div class="product_desc">	
			 <h2>详情 :</h2>
			   <p th:text="${video.getDetail()}">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
		</div>
					<br>
		<div class="product_desc">
			 <h2>get技能 :</h2>
	           <p th:text="${video.getSkill()}">It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type .It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type .</p>
	    </div>
   </div>
						<div class="rightsidebar span_3_of_1 sidebar">
							<h2>相 关 推 荐&gt;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&gt;&nbsp;&nbsp;</h2>
							<div class="special_movies" th:each="video,iterStat:${videos}">
								<div class="movie_poster">
									<a th:href="@{/video/preview(id=${video.getId()})}"><img th:src="@{/shop/assets/images/end-game.jpg}" alt=""/></a>
								</div>
								<div class="movie_desc">
									<h3><a th:href="@{/video/preview(id=${video.getId()})}" th:text="${video.getVideoname()}">科目1</a></h3>
									<p><span>￥</span><span th:text="${video.getBigprice()}">620.87</span> &nbsp;&nbsp;&nbsp; ￥<b th:text="${video.getPrice()}">500.35</b>&nbsp;&nbsp;&nbsp;&nbsp;
									<!--<span><a th:href="@{/#}">收藏</a></span>-->
									<!--<div class="add-cart">-->
										<span><a href="javascript:void(0);" th:onclick="'javascript:getSC2('+${ video.id}+')'" >收藏</a></span>
									<!--</div>-->
								</div>
								<div class="clear"></div>
							</div>

						</div>
 		 		 </div>
   	 		</div>
        </div>


	
			 <!--底部样式-->
		<div class="footer_style">
			<div class="footer">
					 <div class="copys copys-list clearfix">
					   <a href="#">网络文化经营许可证 京网文[2014]xxxxx-236号</a>
					   <a href="#">京卫网审[2013]第0209号 网络110报警服务</a>
					   <a href="#">药品服务许可证(京)-经营2222-0029</a>
					  <a href="#">节目制作经营许可证京字670号</a>
					 </div>
					<div class="link_name" >
						<a href="#">关于我们</a>|<a href="#">媒体合作</a>|<a href="#">开放平台</a>|<a href="#">广告服务</a>|<a href="#">联系我们</a>|<a href="#">工作机会</a>|<a href="#">友情链接</a>
					</div>
					<div class="Copyright">Copyright © 2004-2017 视频名称（xx.com）All rights reserved.</div>

			</div>

		</div>
   <!-- 代码 开始 -->
<div class="go-top dn" id="go-top">
    
    <a href="zhuce.html" target="_blank" class="feedback"></a>
    <a href="javascript:;" class="go"></a>
</div>


</body>
</html>
<!--异步收藏-->
<script>
    /*var id = [[${videos1}]];
	console.log(id)*/
    function getSC2(obj) {
        // console.log(obj)
        axios.get('/edu/video/collect?id=' + obj).then(function (res) {
            if (res.data == '1') {
                layer.msg('已收藏');
            }
        });
    }
</script>
